iT邦幫忙

2021 iThome 鐵人賽

DAY 24
0
自我挑戰組

以網頁呈現資料視覺化系列 第 24

Day24 如果你等過一個人 就會相信 等的時間再久 還是會有見面的一天

  • 分享至 

  • xImage
  •  
  • Development log

繼續解析PivotTable.js,今天有兩部分小幅度的進展,第一部分是在於關於導入chart.js的問題,第二部分是PivotTable運作的結構:

首先關於昨天提到在導入chart.js時,上層會出現error,其原因上層會呼叫資料的屬性,而用chart.js時會沒有那個屬性。而且即使以另外產生張chart.js的圖表(原本的圖表保留),但由於與將資料給進chart.js時,array(以及object)是傳遞位址,所以上層在呼叫資料的屬性時也會指錯,這可以參考此說明。所以這個問題要根治也是大手術。

第二是關於PivotTable的運作,在它的code中有大綱的註解,分別是:
Utilities、Data Model class、Default Renderer、
Pivot Table core、Pivot Table UI、以及post-processing(Heatmap and Barchart),其中 Data Model class只記錄了資料的結構,而實際樞紐後的結果是分別再產生表格或是產生圖表(plotly_renderers.js)時才做的。這意味的如果我們要從PivotTable.js挖出pivot功能,除了至少包上Data Model class外,還需再做一層資料轉換層,再給到Bootstrap table或是chart.js。

時間,能夠改變一切。


上一篇
Day23 時針一直倒數著 我們剩下的BUG 此刻燒腦的狂熱 卻永遠都深刻
下一篇
Day25 能不能給我一首歌的時間 這首歌我希望是十年
系列文
以網頁呈現資料視覺化30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言